<template>
  <div id="insuranceLayout">
    <div>
      <h2>安盛天平</h2>
    </div>
    <div class="clearfix">
      <div class="fl">
        <h4>复核保费: <span>￥{{insurance.TotalActualPremium}}</span></h4>
        <h4>基准保费: <span>￥{{insurance.TotalStandardPremium}}</span></h4>
        <h4>净额保费: <span>￥{{insurance.TotalNetPremium}}</span></h4>
        <h4>增值税: <span>￥{{insurance.AddedValueTax}}</span></h4>
      </div>
      <div class="fr" style="margin-top: 20px;">
        <a>确认购买</a>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'insurance',
    props: ['insurance']
  }
</script>
<style>
  #insuranceLayout {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
  }

  #insuranceLayout a {
    padding: 5px 10px;
    background: #80848f;
    border-radius: 5px;
    color: #fff;
    margin-right:15px;
  }

  #insuranceLayout a:hover {
    background: #FF0000;
  }
  #insuranceLayout span{
    color: #ff0000;
    font-size: 17px;
    margin-left: 10px;
  }

</style>
